page {
	padding-bottom: 30px;
}

.article {
	padding: 0 20px 20px 20px;
}

.article-title {
	font-size: 1.5em;
	/* margin-block-start: 0.83em; */
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
	margin-bottom: .5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit;
}

.article-header-info, .third_address {
	color: #999;
	font-size: 0.9rem;
}
.third_address {
	word-break:break-all; // 换行
	margin-top: 10px;
}

.article-content {
	padding: 1.5rem 0 0 0;
	color: #666;
}

.comment {
	background-color: #fff;
	padding: 0 20px 20px 20px;
}

.comment-list-header {
	background-color: #fff;
	margin: 0 0 20px 0;
	font-weight: bold;
}

.comment-item {
	padding: 10rpx 0;
	border-bottom: 1px solid #dee2e6;
	display: flex;
}

.comment-portrait {}

.comment-portrait image {
	width: 50px;
	height: 50px;
	border-radius: 50%;
}

.comment-content {
	padding: 0 0 0 15px;
	width: 100%;
}

.comment-content-item {
	color: #333;
	margin-bottom: 12rpx;
}

.comment-content-item view {
	font-size: 0.8rem;
	display: inline-block;
}

.comment-content-item .comment-author {
	font-size: 0.9rem;
	font-weight: bold;
	margin-right: 10px;
}

.comment-content-item .comment-time {
	color: #bbb;
}

.comment-bottom {
	position: fixed;
	z-index: 10;
	width: 100%;
	left: 5px;
	bottom: 0px;
	padding: 8px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
}

.comment-input {
	width: 70%;
	height: 15px;
	border: 1px solid #ccc;
	padding: 5px 15px;
	font-size: 0.8rem;
	border-radius: 30px;
	margin-bottom: 10px;
}

input {
	display: inline-block;
	margin-right: 10px;
}

.like {
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 0.6rem;
	margin: 0 16rpx 0 6rpx;
}

.like image {
	width: 20px;
	height: 20px;
}

.comment-display {
	width: 100%;
	height: 300rpx;
	position: fixed;
	bottom: 0;
	background-color: #eee;
}
.comment-control {
	z-index: 5;
	width: 100%;
	display: flex;
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #ddd;
	color: #5e6b53;
}
.comment-control view {
	width: 48%;
	padding: 10rpx 20rpx;
}
.comment-control view:nth-child(2) {
	text-align: right;
}

.comment-display textarea {
	width: 100%;
	/* background-color: #ccc; */ 
	padding: 10rpx 20rpx;
}

.share {
	margin-right: 20px;
}

.test {
	width: 20px;
	height: 20px;
	background-image: url(/static/images/share.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center;
}
button[plain]{ border:0 }